import React from 'react'

import ReactDOM from 'react-dom/client' //react18的新写法

// 定义组件

// class Test extends React.Component {
//   render() {
//     return jsx/null
//   }
// }
// 1. 首字母要大写
// 2. 必须继承React.Component
// 3. 必须写render函数
// 4. render里面必须写return. return后面是jsx结构/null
// class Test extends React.Component {
//   render() {
//     return (
//       <div>
//         <p>tet</p>
//       </div>
//     )
//   }
// }

// 函数组件
// 1. 首字母要大写
// 2. 函数体中必须写return
// 3. return的后面是jsx/null

// function Test() {
//   return jsx / null
// }
function Test() {
  return (
    <div>
      <h1>test</h1>
    </div>
  )
}


//使用组件
//<Test></Test> //相当于是new这个组件 千万不要自己直接new Test()
//<Test />

ReactDOM.createRoot(document.getElementById('root')).render(<Test />) //react18的新写法
